<div *ngFor="let pointer of pointerArray;let k=index">
    <div class="pointadd" *ngFor="let Coordinatepointer of pointer.AddCoordinate;let j=index;" [style.left]="Coordinatepointer.x" [style.top]="Coordinatepointer.y" [style.background]="pointer.AddColor?pointer.AddColor:pointer.Color" [style.color]="pointer.AddSmColor?pointer.AddSmColor:'#fff'"
        (click)="addnote(pointer.PK_AnchorGuid,pointer.color,pointer.HaveTitle,pointer.HaveAuthor)">+</div>
    <div class="point" *ngFor="let Coordinatepointer of pointer.Coordinate;let j=index;" [style.left]="Coordinatepointer.x" [style.top]="Coordinatepointer.y" [style.height.%]="pointer?.NoteHeight" [style.width.%]="pointer?.NoteWidth" (click)="openadd(pointer,Coordinatepointer.note.length)"
        (mouseenter)="hover(k,j,Coordinatepointer.note.length)" (mouseleave)="hoverend(k,j,Coordinatepointer.note.length)">
        <ng-container *ngFor="let note of Coordinatepointer.note;let i=index;">
            <ng-container *ngIf="i>(Coordinatepointer.note.length-5)">
                <div [class]="'note shadow p'+k" [style.background]=" Color(pointer.ChangeColor)" [style.color]="pointer.FontColor" [style.margin-left.px]="((i-(Coordinatepointer.note.length))*5)" [style.margin-top.px]="((i-(Coordinatepointer.note.length))*5)">
                    <ng-container *ngIf="i==Coordinatepointer.note.length-1">
                        <div class="note-title" *ngIf="pointer.HaveTitle">{{note?.Title}}</div>
                        <div class="notebox">
                            {{note?.Content}}
                        </div>
                        <div class="another" *ngIf="pointer.HaveAuthor">
                            _ {{note?.Name}}
                        </div>
                    </ng-container>
                    <ng-container *ngIf="Coordinatepointer.note.length>1">
                        <span class="num" *ngIf="(i+1)==Coordinatepointer.note.length">{{i+1}}</span>
                    </ng-container>
                    <ng-container *ngIf="(i+1)==Coordinatepointer.note.length">
                        <div #box [id]="'point'+k+'hover'+j" class="hoverbox" [style.top]="Coordinatepointer.note.length>2 ? '50%':'0%'" [style.margin-top.px]="Coordinatepointer.note.length>2 ?-(pointer?.NoteHeight*mainH/100):'0'" [style.margin-left.px]="-(pointer?.NoteWidth*mainW/50+4)/2"
                            [style.width.px]="pointer?.NoteWidth*mainW/50+4">
                            <ng-container *ngFor="let note of Coordinatepointer.note;let i=index;">
                                <ng-container *ngIf="i>(Coordinatepointer.note.length-5)">
                                    <div class="hovernote" [style.background]="Color(pointer.ChangeColor)" [style.height.px]="pointer?.NoteHeight*mainH/100" [style.width.px]="pointer?.NoteWidth*mainW/100" [style.color]="pointer.FontColor">
                                        <div class="hovernote-title" *ngIf="pointer.HaveTitle">{{note?.Title}}</div>
                                        <div class="content">
                                            {{note?.Content}}
                                        </div>
                                        <div class="name" *ngIf="pointer.HaveAuthor">
                                            _ {{note?.Name}}
                                        </div>
                                    </div>
                                </ng-container>
                            </ng-container>
                            <div class="hovernote" *ngIf="Coordinatepointer.note.length==3" [style.height.px]="pointer?.NoteHeight*mainH/100" [style.width.px]="pointer?.NoteWidth*mainW/100">
                            </div>
                        </div>
                    </ng-container>
                </div>
            </ng-container>
        </ng-container>
    </div>
</div>
<canvas-add-root *ngIf="canopenadd" (onCloseAdd)="closeAdd($event)" (onAdd)="add($event)" [pointdata]="pointdata" (deldata)="del($event)"></canvas-add-root>

<mask-root *ngIf="addwindow" [opacity]="'0'" (onClick)="addwindow=false;"></mask-root>
<addbox-root *ngIf="addwindow" [config]="config" (onok)="onok($event)" (oncancel)="oncancel($event)"></addbox-root>